<template>
    <el-space fill  direction="vertical">
        <el-row :gutter="2" style="padding: 0;">
            <el-button type="primary" size="large" round>全部题型</el-button>
            <el-button type="primary" size="large" round>Primary</el-button>
            <el-button type="success" size="large" round>Success</el-button>
            <el-button type="info" size="large" round>Info</el-button>
            <el-button type="warning" size="large" round>Warning</el-button>
            <el-button type="danger" size="large" round>Danger</el-button>
            <el-button type="warning" size="large" round>Warning</el-button>
            <el-button type="danger" size="large" round>Danger</el-button>
        </el-row>
        <el-row style="margin-top: 10px;" :gutter="3">
            <el-col :span="4">
                <el-select placeholder="please select your zone">
                    <el-option label="Zone one" value="shanghai" />
                    <el-option label="Zone two" value="beijing" />
                </el-select>
            </el-col>
            <el-col :span="4">
                <el-select  placeholder="难度">
                    <el-option label="Zone one" value="shanghai" />
                    <el-option label="Zone two" value="beijing" />
                </el-select>
            </el-col>
            <el-col :span="4">
                <el-select  placeholder="状态">
                    <el-option label="Zone one" value="shanghai" />
                    <el-option label="Zone two" value="beijing" />
                </el-select>
            </el-col>
           <el-col :span="6">
            <el-input
                v-model="input2"
                class="w-50 m-2"
                placeholder="Type something"
                :prefix-icon="Search"
            />
           </el-col>
           <el-col :span="4">
            <el-button type="danger" :icon="Switch" round>随机一题</el-button>
           
           </el-col>
        </el-row>

    </el-space>

  
    
</template>

<script setup>
import { Calendar, Search,Switch } from '@element-plus/icons-vue'

</script>

<style>

</style>